Hasta ahora, el globo solo debería poder alcanzar un máximo de 70 fuentes antes de que explote. Necesito convertir el globo en "💥". El detector de eventos debe eliminarse cuando estalla el globo.
let para = document.querySelector('p'); para.style.fontSize = '24px'; window.addEventListener("keydown", e => { var sizeAsInteger = parseInt(para.style.fontSize, 10); if (e.key == "ArrowUp") { sizeAsInteger += 10; } else { sizeAsInteger -= 10; } para.style.fontSize = sizeAsInteger + 'px'; }); p { font-size: 50px; } <body> <p>🎈</p> </body>¿Es esto lo que quieres?
let para = document.querySelector("p"); para.style.fontSize = "24px"; const increaseSize = e => { var sizeAsInteger = parseInt(para.style.fontSize, 10); if (sizeAsInteger >= 70) { window.removeEventListener("keydown", increaseSize); return (para.innerHTML = "💥"); } if (e.key == "ArrowUp") { sizeAsInteger += 10; } else { sizeAsInteger -= 10; } para.style.fontSize = sizeAsInteger + "px"; }; window.addEventListener("keydown", increaseSize); p { font-size: 50px; } <p>🎈</p>